<!DOCTYPE html>
<html lang="en-US">
<head>
	<meta charset="UTF-8"/>
	<meta name="viewport" content="initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0"/>
	<meta name="description" content=""/>
	<meta name="keywords" content=""/>
	<meta name="author" content=""/>
	<title>akupilih.com</title>
	<link rel="icon" href="<?php echo base_url('asset/coming'); ?>/images/favicon.ico"/>
	<link rel="stylesheet" href="<?php echo base_url('asset/coming'); ?>/css/style.css"/>
	<link rel="stylesheet" href="<?php echo base_url('asset/coming'); ?>/css/framework.css"/>
	<script type="text/javascript" src="<?php echo base_url('asset/coming'); ?>/js/jquery.js"></script>
	<script type="text/javascript" src="<?php echo base_url('asset/coming'); ?>/js/spin.js"></script>
	<script type="text/javascript" src="<?php echo base_url('asset/coming'); ?>/js/plugins.js"></script>
	<script type="text/javascript" src="<?php echo base_url('asset/coming'); ?>/js/analytics.js"></script>
</head>
<body>
	<div class="spinload"></div>
	<div id="gallery">
		<div class="slide slow" style="background-image: url(<?php echo base_url('asset/coming'); ?>/images/slide-1.jpg); background-size: cover;"></div>
		<div class="slide slow" style="background-image: url(<?php echo base_url('asset/coming'); ?>/images/slide-2.jpg); background-size: cover;"></div>
		<div class="slide slow" style="background-image: url(<?php echo base_url('asset/coming'); ?>/images/slide-3.jpg); background-size: cover;"></div>
		<div class="slide slow" style="background-image: url(<?php echo base_url('asset/coming'); ?>/images/slide-4.jpg); background-size: cover;"></div>
		<script type="text/javascript">
		$(function () {
			$("#gallery").autoslide();
		});
		</script>
	</div>
	<div id="hero">
		<canvas class="clock"></canvas>
		<script type="text/javascript">
		$(function () {
			$("#hero").engine();
		});
		</script>
	</div>
	<div id="bar">
		<div class="content">
			<div class="wrap small">
				<a class="coverage" href="#">
					<img class="logo" src="<?php echo base_url('asset/coming'); ?>/images/logo.png" alt="Logo"/>
				</a>
			</div>
		</div>
		<script type="text/javascript"></script>
	</div>
	<div id="nav">
		<div class="content">
			<div class="wrap small">
				<a class="coverage" href="#menu">
					<img class="menu fast" src="<?php echo base_url('asset/coming'); ?>/images/menu.png" alt="Menu"/>
				</a>
			</div>
		</div>
		<script type="text/javascript">
		$(function () {
			$("#nav").interact();
		});
		</script>
	</div>
	<div class="interface slow">
		<div id="about">
			<div class="content slow">
				<div class="wrap medium">
					<p class="topic">Tentang Akupilih</p>
					<p class="hint">.karena kita dipilih untuk memilih.</p>
				</div>
				<div class="wrap large">
					<p class="quote">Akupilih adalah aplikasi hackathon PEMILU API.</p>
					<p class="quote">Kami membuat aplikasi ini dengan tujuan untuk mengurangi "Black Campaign" dengan cara memberikan tempat kepada rakyat Indonesia untuk memberikan dukungan kepada calon presiden dan calon wakil presiden pilihannya dengan cara yang benar.</p>
					<p class="quote">"Untuk Indonesia yang lebih baik. Karena kita dipilih untuk memilih. " - Akupilih.</p>
				</div>
			</div>
			<script type="text/javascript"></script>
		</div>
		<div id="contact">
			<div class="content slow">
				<div class="wrap small">
					<div class="left size-2 responsive">
						<a class="coverage" href="http://www.facebook.com/" target="_blank">
							<img class="icon border fast" src="<?php echo base_url('asset/coming'); ?>/images/icon-facebook.png" alt="Facebook"/>
						</a>
					</div>
					<div class="left size-2 responsive">
						<a class="coverage" href="http://www.twitter.com/" target="_blank">
							<img class="icon border fast" src="<?php echo base_url('asset/coming'); ?>/images/icon-twitter.png" alt="Twitter"/>
						</a>
					</div>
					<div class="left size-2 responsive">
						<a class="coverage" href="http://plus.google.com/" target="_blank">
							<img class="icon border fast" src="<?php echo base_url('asset/coming'); ?>/images/icon-plus.png" alt="Plus"/>
						</a>
					</div>
				</div>
				<div class="clear"></div>
			</div>
		</div>

	</div>
	<div id="legal">
		<div class="content slow">
			<div class="wrap small">
				<p class="copyright">2014 &copy; All rights reserved</p>
			</div>
		</div>
		<script type="text/javascript"></script>
	</div>
</div>
</body>
</html>